<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
</head>
<body>
<form class="layui-form" id="addPermission" style="margin-top: 15px;">

    <div class="layui-form-item" style="width: 500px">
        <label class="layui-form-label">权限名称：</label>
        <div class="layui-input-block">
            <input type="text" name="name" required  lay-verify="required" placeholder="请输入权限名称" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" style="width: 500px">
        <label class="layui-form-label">权限路径：</label>
        <div class="layui-input-block">
            <input type="text" name="url" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" style="width: 500px">
        <label class="layui-form-label">图标路径：</label>
        <div class="layui-input-block">
            <input type="text" name="icon"  autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" style="width: 500px">
        <label class="layui-form-label">权限状态</label>
        <div class="layui-input-block">
            <select name="status" lay-filter="aihao">
                <option value="0">关闭</option>
                <option value="1" selected="">开启</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item" style="width: 500px">
        <label class="layui-form-label">菜单类型</label>
        <div class="layui-input-block">
            <select name="type" lay-filter="aihao">
                <option value="菜单" selected="">菜单</option>
                <option value="目录">目录</option>
                <option value="按钮">按钮</option>
                <option value="其他菜单">其他菜单</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item" style="width: 500px">
        <label class="layui-form-label">排序：</label>
        <div class="layui-input-block">
            <input type="text" name="order" lay-verify="number" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" style="width: 500px">
        <label class="layui-form-label">备注：</label>
        <div class="layui-input-block">
            <input type="text" name="remarks"  autocomplete="off" class="layui-input">
        </div>
    </div>

</form>
</body>

<script th:src="@{/layui/layui.js}"></script>
<script>
    layui.use(['form','upload','jquery'], function() {
        var form = layui.form;
        var upload = layui.upload;
        var $ = layui.jquery;


    })
</script>
</html>